<template>
	<view class="head">
		<view class="head_left">
			总站
		</view>
		<view class="head_content">
			骑士人才系统
		</view>
	</view>
</template>

<script setup>
	import {
		onShow
	} from '@dcloudio/uni-app'
	import {
		getCurrentInstance
	} from "vue";
	const {
		proxy
	} = getCurrentInstance()
	onShow(() => {
		// 设置tab高亮
		proxy.$scope.getTabBar().setData({
			selected: 0
		})
	})
</script>

<style scoped lang="scss">
	.head {
		height: 100rpx;
		border-bottom: 2rpx solid #eee;
		position: sticky;

		.head_left {
			position: absolute;
			color: #666;
			line-height: 100rpx;
			padding: 0 30rpx;
			font-size: 28rpx;

			&::after {
				content: "";
				width: 15rpx;
				height: 15rpx;
				border-top: 2rpx solid #aaa;
				border-left: 2rpx solid #aaa;
				position: absolute;
				right: 0;
				top: 38rpx;
				transform: rotate(-135deg);
			}
		}

		.head_content {
			text-align: center;
			line-height: 100rpx;
			font-weight: bold;
			font-size: 40rpx;
		}
	}
</style>
